img{width:100%;}
li{list-style:none;width:100%;}
a{text-decoration:none;}
/**首页**/
#index .index_bg{position:absolute;height:100%;width:100%;z-index:-1;}
#index .top_logo{top:2%;width:40%;left:3%;position:absolute;height:auto;}
#index .head_title{position:absolute;top:14%;left:10%;width:80%;}
#index .index_btn_left{position:absolute;bottom:8%;left:8%;width:17%;}
#index .index_btn_left .btn_my_prize{position: absolute;width:100%;text-align: center;top: 6%;line-height: 100%;border-radius: 100%;}
#index .index_btn_left .btn_game_rule{position: absolute;width:100%;text-align: center;top: 40%;line-height: 100%;border-radius: 100%;}
#index .index_btn_left .btn_prize_setting{position: absolute;width:100%;text-align: center;top: 74%;line-height: 100%;border-radius: 100%;}
#index .start_game{position:absolute;bottom:8%;right:8%;width:20%;}
/*弹窗*/
/**分享弹窗**/
#index #share{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:30;}
#index #share .alert_no_box{position: absolute;z-index:32; width: 100%;left: 0;top: -10%;height: 200px;border-radius:30px;}
/**温馨提示**/
#index .alert_bg_cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:10;}
#index #warmRemind .alert_no_box{position: absolute;z-index:14; background-color:#ffdb5c;width: 90%;left: 5%;top: 18%;height: 220px;border-radius:30px;}
#index #warmRemind .alert_no_box .alert_head{position: absolute;
    top: -20px;
    width: 84%;
    left: 8%;
    z-index: 16;
}
#index #warmRemind .word_rule{position: absolute;
    width: 88%;
    left: 6%;
    right: 6%;
    top: 28%;
    font-size: 14px;}
#index #warmRemind .bottom_btn_right{position: absolute;right:39%;width:22%;bottom:-35px; z-index: 16;}
/**游戏结束**/
#index .alert_bg_cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:10;}
#index #gameOver .alert_no_box{position: absolute;z-index:14; background-color:#ffdb5c;width: 90%;left: 5%;top: 18%;height: 220px;border-radius:30px;}
#index #gameOver .alert_no_box .alert_head{position: absolute;
    top: -20px;
    width: 84%;
    left: 8%;
    z-index: 16;
}
#index #gameOver .word_rule{position: absolute;
    width: 88%;
    left: 6%;
    right: 6%;
    top: 26%;
    font-size: 14px;}
#index #gameOver .bottom_btn_right{position: absolute;right:39%;width:22%;bottom:-35px; z-index: 16;}
/**我的奖品弹窗**/
#index .alert_bg_cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:10;}
#index #myPrize .alert_no_box{position: absolute;z-index:14; background-color:#ffdb5c;width: 90%;left: 5%;top: 8%;height: 405px;border-radius:30px;}
#index #myPrize .alert_no_box .alert_head{position: absolute;
    top: -20px;
    width: 84%;
    left: 8%;
    z-index: 16;
}
#index #myPrize .alert_prize_content{    position: absolute;
    position: absolute;
    width: 84%;
    left: 8%;
    top: 6%;
    font-size: 12px;
    z-index: 16;
    height: 320px;
    overflow: auto;
    margin-top: 10px;
}
#index #myPrize .alert_prize_content ul{height: 320px;}
#index #myPrize .alert_prize_content .prize-li{margin-top:3%;}
#index #myPrize .alert_prize_content li{
    background-color: #FFE9A5;
    line-height: 250%;
    margin-top: 2%;
    color: #E62B2C;
    width: 96%;
    padding: 0px 0% 0px 2%;
}
#index #myPrize .bottom_btn_left{position: absolute;left:20%;width:22%;bottom:-35px; z-index: 16;}
#index #myPrize .bottom_btn_right{position: absolute;right:20%;width:22%;bottom:-35px; z-index: 16;}
/**领奖门店**/
#index #getPlace{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:30;}
#index #getPlace .alert_no_box{position: absolute;z-index:32; background-color:#ffdb5c;width: 90%;left: 5%;top: 8%;height: 405px;border-radius:30px;}
#index #getPlace .alert_no_box .alert_head{position: absolute;
    top: -20px;
    width: 84%;
    left: 8%;
    z-index: 34;
}
#index #getPlace .alert_prize_content{    position: absolute;
    width: 86%;
    left: 7%;
    top: 10%;
    font-size: 12px;
    z-index: 34;
}
#index #getPlace .alert_prize_content ul{height:320px; overflow: auto;}
#index #getPlace .alert_prize_content li{background-color: rgb(255, 233, 165);
    line-height: 150%;
    margin-top:2%;
    color:#e62b2c;
}
#index #getPlace .alert_prize_content li .store_address{margin-left:8px;padding-top: 5px;}
#index #getPlace .alert_prize_content li .contacter{margin-left:8px;padding-bottom: 5px;}
#index #getPlace .bottom_btn_right{position: absolute;right:39%;width:22%;bottom:-35px; z-index: 34;}
/**游戏规则**/
#index .alert_bg_cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:10;}
#index #gameRule .alert_no_box{position: absolute;z-index:14; background-color:#ffdb5c;width: 90%;left: 5%;top: 18%;height: 290px;border-radius:30px;}
#index #gameRule .alert_no_box .alert_head{position: absolute;
    top: -20px;
    width: 84%;
    left: 8%;
    z-index: 16;
}
#index #gameRule .enter_left{position: absolute;top:13%;width:18%;left:25%;}
#index #gameRule .enter_right{position: absolute;top:13%;width:18%;right:24%;}
#index #gameRule .word_rule{position: absolute;
    width: 88%;
    left: 6%;
    right: 6%;
    top: 32%;
    font-size: 14px;}
#index #gameRule .bottom_btn_right{position: absolute;right:39%;width:22%;bottom:-35px; z-index: 16;}
/**奖品设置**/
#index .alert_bg_cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:10;}
#index #prizeSetting .alert_no_box{position: absolute;z-index:14; background-color:#ffdb5c;width: 90%;left: 5%;top: 13%;height: 330px;border-radius:30px;}
#index #prizeSetting .alert_no_box .alert_head{position: absolute;
    top: -20px;
    width: 84%;
    left: 8%;
    z-index: 16;
}
#index #prizeSetting .alert_prizes{position: absolute;top:13%;}
#index #prizeSetting .alert_prizes li{width:98%;margin-left:10%;font-size: 13px;margin-top:1%;}
#index #prizeSetting .alert_prizes li img{width:21%;float:left;margin-right:5%;}
#index #prizeSetting .alert_prizes li .prize_name{padding-top: 2px;}
#index #prizeSetting .alert_prizes li .prize_worth{padding-bottom: 5px;}
#index #prizeSetting .word_rule{position: absolute;
    width: 88%;
    left: 6%;
    right: 6%;
    top: 32%;
    font-size: 14px;}
#index #prizeSetting .bottom_btn_right{position: absolute;right:39%;width:22%;bottom:-35px; z-index: 16;}

/**游戏页**/
#gift .index_bg{position:absolute;height:100%;width:100%;z-index:-1;}
#gift .top_countdown{top:0;width:100%;left:0;position:absolute;height:40px;text-align: center;color: #fff;background: rgba(0,0,0,0.7);}
#gift .top_countdown p{padding:2% 0;}
#gift .head_title{position:absolute;top:14%;left:10%;width:80%;}
#gift .index_btn_left{position:absolute;bottom:8%;left:8%;width:17%;}
#gift .index_btn_left .btn_my_prize{position: absolute;width:100%;text-align: center;top: 6%;line-height: 100%;border-radius: 100%;}
#gift .index_btn_left .btn_gift_rule{position: absolute;width:100%;text-align: center;top: 40%;line-height: 100%;border-radius: 100%;}
#gift .index_btn_left .btn_prize_setting{position: absolute;width:100%;text-align: center;top: 74%;line-height: 100%;border-radius: 100%;}
#gift .start_gift{position:absolute;bottom:8%;right:8%;width:20%;}
/*弹窗*/
/**分享弹窗**/
#gift #share{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:30;}
#gift #share .alert_no_box{position: absolute;z-index:32; width: 100%;left: 0;top: -10%;height: 200px;border-radius:30px;}
/**弹出礼盒**/
#gift  #gainGift{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10;}
#gift  #gainGift .alert_no_box{position: absolute;z-index:14;width: 100%;left: 0;top: 0;height:100%;border-radius:30px;}
#gift  #gainGift .alert_no_box .alert_top_gift{position: absolute;top:0;left:8%;width:84%;}
#gift  #gainGift .alert_no_box .alert_word_isopen{position: absolute;top:46%;width:50%;left:25%;color:#fff;}
#gift  #gainGift .alert_no_box .alert_btn_open{position: absolute;top:56%;left:22%;width:56%;}
#gift  #gainGift .alert_no_box .alert_btn_again{position: absolute;top:71%;left:22%;width:56%;}
#gift  #gainGift .alert_no_box .alert_word_bottom{position: absolute;bottom:6%;width:96%;color:#fff;}
#gift  #gainGift .alert_no_box .alert_word_bottom p{text-align: center;font-size: 13px;}
/**打开礼盒：没有中奖时**/
#gift  #noGift{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10;}
#gift #noGift .alert_no_box{position: absolute;z-index:14;width: 100%;left: 0;top: 0;height:100%;border-radius:30px;}
#gift #noGift .alert_no_box .alert_top_gift{position: absolute;top:8%;left:18%;width:64%;}
#gift #noGift .alert_no_box .alert_word_isopen{position: absolute;top:48%;width:50%;left:25%;color:#fff;}
#gift #noGift .alert_no_box .alert_btn_again{position: absolute;top:61%;left:22%;width:56%;}
#gift #noGift .alert_no_box .alert_back_index{position: absolute;top:67%;left:22%;width:56%;}
#gift #noGift .alert_no_box .alert_word_bottom{position: absolute;bottom:6%;width:96%;color:#fff;}
#gift #noGift .alert_no_box .alert_word_bottom p{text-align: center;font-size: 13px;}
/**中奖弹窗：青运会纪念邮折 or 加油卡**/
#gift #winGift_jnyz{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10;}
#gift #winGift_jnyz .alert_no_box{position: absolute;z-index:14; background-color:#ffdb5c;width: 90%;left: 5%;top: 12%;height: 370px;border-radius:30px;}
#gift #winGift_jnyz .alert_no_box .alert_head{position: absolute;
    top: -20px;
    width: 84%;
    left: 8%;
    z-index: 16;
}
#gift #winGift_jnyz .alert_prize_content{
    position: absolute;
    width: 78.5%;
    left: 8%;
    top: 9%;
    font-size: 12px;
    z-index: 16;
}
#gift #winGift_jnyz .alert_prize_content li{background-color: rgb(255, 233, 165);
    line-height: 300%;
    padding: 0px 0 0 4%;
    margin-top:2.5%;
    color:#e62b2c;
}
#gift #winGift_jnyz .alert_input_area{
    position: absolute;
    left: 8%;
    width: 81.5%;
    top: 33.5%;
}
#gift #winGift_jnyz .alert_input_area .alert_input_receiver,.alert_input_phone,.alert_input_address{
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    padding: 6px 0px 10px 8px;
    font-size: 14px;
}
#gift #winGift_jnyz .alert_input_area .alert_input_address{
    margin-top:8px;
    height:40px;
}
#gift #winGift_jnyz .alert_input_area .alert_input_phone{
    margin-top:6px;
}
#gift #winGift_jnyz .alert_input_area textarea{
    width: 100%;
    border: medium none;
    width:95%;
    resize:none;
    color:#605757;
}
#gift #winGift_jnyz .alert_input_area .alert_input_receiver textarea,.alert_input_phone textarea{
    height:20px;
}
#gift #winGift_jnyz .alert_remind_word{position: absolute;bottom:12%;width:100%;}
#gift #winGift_jnyz .alert_remind_word p{text-align: center;font-size: 12px;}
#gift #winGift_jnyz .bottom_btn_left{position: absolute;left:20%;width:22%;bottom:-35px; z-index: 16;}
#gift #winGift_jnyz .bottom_btn_right{position: absolute;right:20%;width:22%;bottom:-35px; z-index: 16;}
/**领奖门店**/
#gift #getPlace{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:30;}
#gift #getPlace .alert_no_box{position: absolute;z-index:32; background-color:#ffdb5c;width: 90%;left: 5%;top: 8%;height: 405px;border-radius:30px;}
#gift #getPlace .alert_no_box .alert_head{position: absolute;
    top: -20px;
    width: 84%;
    left: 8%;
    z-index: 34;
}
#gift #getPlace .alert_prize_content{    position: absolute;
    width: 86%;
    left: 7%;
    top: 10%;
    font-size: 12px;
    z-index: 34;
}
#gift #getPlace .alert_prize_content ul{height:320px; overflow: auto;}
#gift #getPlace .alert_prize_content li{background-color: rgb(255, 233, 165);
    line-height: 150%;
    margin-top:2%;
    color:#e62b2c;
}
#gift #getPlace .alert_prize_content li .store_address{margin-left:8px;padding-top: 5px;}
#gift #getPlace .alert_prize_content li .contacter{margin-left:8px;padding-bottom: 5px;}
#gift #getPlace .bottom_btn_right{position: absolute;right:39%;width:22%;bottom:-35px; z-index: 34;}
/**中奖弹窗：燃油宝**/
#gift #winGift_ryb{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10;}
#gift #winGift_ryb .alert_no_box{position: absolute;z-index:14; background-color:#ffdb5c;width: 90%;left: 5%;top: 18%;height: 290px;border-radius:30px;}
#gift #winGift_ryb .alert_no_box .alert_head{position: absolute;
    top: -20px;
    width: 84%;
    left: 8%;
    z-index: 16;
}
#gift #winGift_ryb .alert_prize_content{
    position: absolute;
    width: 78.5%;
    left: 8%;
    top: 10%;
    font-size: 12px;
    z-index: 16;
}
#gift #winGift_ryb .alert_prize_content li{background-color: rgb(255, 233, 165);
    line-height: 300%;
    padding: 0px 0 0 4%;
    margin-top:2.5%;
    color:#e62b2c;
}
#gift #winGift_ryb .alert_input_area{
    position: absolute;
    left: 8%;
    width: 81.5%;
    top:53.5%;
}
#gift #winGift_ryb .alert_input_area .alert_input_phone{
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    padding: 6px 0px 10px 8px;
    font-size: 14px;
}
#gift #winGift_ryb .alert_input_area .alert_input_phone{
    margin-top:6px;
}
#gift #winGift_ryb .alert_input_area textarea{
    width: 100%;
    border: medium none;
    width:95%;
    resize:none;
    color:#605757;
}
#gift #winGift_ryb .alert_input_area .alert_input_phone textarea{
    height:20px;
}
#gift #winGift_ryb .alert_remind_word{position: absolute;bottom:16.5%;width:100%;}
#gift #winGift_ryb .alert_remind_word p{text-align: center;font-size: 12px;}
#gift #winGift_ryb .bottom_btn_left{position: absolute;left:20%;width:22%;bottom:-35px; z-index: 16;}
#gift #winGift_ryb .bottom_btn_right{position: absolute;right:20%;width:22%;bottom:-35px; z-index: 16;}
/**广告页**/
#advert .index_bg{position:absolute;height:100%;width:100%;z-index:-1;}
#advert .top_info .top_left_first{
position: absolute;
width: 20%;
left: 5%;
top: 5%;
}
#advert .top_info .top_left_second{
position:absolute;
    width: 50%;
    font-size: 14px;
    color: rgb(255, 255, 255);
    top: 20%;
    left: 5%;
}
#advert .top_left_second #li-4{
font-size: 10px;
color: rgb(197, 197, 197);
}
#advert  .top_left_first #li-2{
position: absolute;
top: 2%;
left: 120%;
width: 100%;
font-size: 18px;
color: rgb(255, 255, 255);
}
#advert .top_info .top_right{
position: absolute;
width: 40%;
top: 5%;
right: 5%;
}
#advert .middle_product{
position: absolute;
top: 32%;
width: 86%;
left: 7%;
}
#advert .bottom_word{
position: absolute;
top: 86%;
width: 100%;
margin-left: 5%;
font-size:14px;
}
#advert .bottom_word i{
font-weight:bold;
padding-right:3px;
font-size:16px;
}